<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div style='width:600px;height:400px;border:1px solid black'></div>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/echarts/4.8.0/echarts.min.js'></script>
  <script>
    var mycharts = echarts.init(document.querySelector('div'))
    fetch('./json/anhui.json').then(res => res.json()).then(res => {
      echarts.registerMap('anhui', res)
      var option = {
        geo: {
          type: 'map',
          map: "anhui",
          zoom: 1.5,
          label: {
            show: true
          },
          center: [118.317325, 29.709239]
        }
      }
      mycharts.setOption(option)
    })
  </script>
</body>

</html>